﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">Cambiar Contraseña</h3>
    </div>
    <div class="panel-body">
        <div class="alert alert-warning" role="alert">
            <strong>Nota:</strong> Su Contraseña debe reunir los siguientes requisitos de seguridad:
            <ul>
                <li>Debe ser mayor de 6 caracteres</li>
                <li>Debe incluir caracteres especiales cómo: @ , _, $</li>
                <li>Debe incluir letras y números</li>
            </ul>
        </div>

        <form class="form-horizontal" role="form">
            <div class="panel-body" id="cambioContrasenia">
                <div class="form-group">
                    <label class="col-sm-offset-2 col-sm-2 control-label" for="ContraseniaActual">Contraseña Actual</label>
                    <div class="col-sm-6 controls">
                        <input class="form-control" type="password" placeholder="Contraseña Actual" name="ContraseniaActual" id="ContraseniaActual">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-offset-2 col-sm-2 control-label" for="ContraseniaNueva">Ingrese su Nueva Contraseña</label>
                    <div class="col-sm-6 controls">
                        <input class="form-control" type="password" id="ContraseniaNueva" name="ContraseniaNueva" placeholder="Nueva Contraseña">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-offset-2 col-sm-2 control-label" for="ConfirmarContrasenia">Confirme su Contraseña</label>
                    <div class="col-sm-6 controls">
                        <input class="form-control" type="password" name="ConfirmarContrasenia" id="ConfirmarContrasenia" placeholder="Confirme su Contraseña">
                    </div>
                </div>
                <br/>
                <div class="container-fluid">
                    <div class="col-md-offset-4 col-md-2">
                        <a class="btn btn-primary" href="#"><i class="fa fa-remove"></i> Cancelar</a>
                    </div>

                    <div class="col-md-2">
                        <a class="btn btn-primary save" href="#"><i class="fa fa-save"></i> Guardar</a>
                    </div>
                </div>
                <br />
            </div>
        </form>
    </div>
</div>
